<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>鼠标坐标</title>
   <style>
   #div1 {width:200px;height:200px;background:red;position:absolute;}
   </style>
   <script>
   document.onmouseover=function(ev){
      var oEvent=ev||event;
	  var oDiv=document.getElementById("div1");
	  var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
	  oDiv.style.left=oEvent.clientX+'px';
	  oDiv.style.top=oEvent.clientY+scrollTop+'px';
	  
	  
	  
   };
   </script>
</head>
<body>
  <div id="div1"></div>


</body>
</html>